<template>
	<view>
		<view class="mainhead">
			<text class="frame"></text>
			<text class="update">
				版本更新
			</text>
			<view class="updataBox">
				<image class="logo" src="../../static/index/index1.png"></image>
				<text class="edition">版本{{editionNum}}</text>
				<view class="editionBut">
					版本更新
				</view>
			</view>
		</view>
		<view class="mainfotter">
			<text class="framea"></text>
			<text class="about">关于薪聚客</text>
				<view class="brief" v-html="about" style="font-size:26rpx;font-family:PingFang SC;font-weight:400;color:rgba(46,46,46,1);">
				
				</view>
		</view>
	</view>
</template>

<script>
	import Require from '../../common/require.js';
	export default {
		data() {
			return {
				editionNum:'1.2.0',
				about:''
			};
		},
		onLoad() {
			var self = this
			Require.commonRequest({
				url: '/api/common/aboutus',
				success: function(ret) {
					if (ret.data.code == 200)
						console.log(ret.data.data)
						self.about=ret.data.data
				},
				fail: function() {
					uni.showToast({
						icon: "none",
						title: "网络异常，请稍后再试"
					})
				}
			})
		},
		methods:{
		}
	}
</script>

<style >
	.mainhead{
		width: 750rpx;
		height: 225rpx;
		position: relative;
		top: 0rpx;
	}
	.frame{
		display: block;
		width:10rpx;
		height:30rpx;
		background:rgba(115,34,216,1);
		border-radius:5rpx;
		position: absolute;
		top: 30rpx;
		left: 20rpx;
	}
	.update{
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		top: 25rpx;
		left: 42rpx;
	}
	.updataBox{
		width:710rpx;
		height:132rpx;
		background:rgba(255,255,255,1);
		border-radius:10rpx;
		position: absolute;
		top: 90rpx;
		left: 20rpx;
	}
	.logo{
		width:60rpx;
		height:60rpx;
		border-radius:10rpx;
		position: absolute;
		top: 20rpx;
		left: 30rpx;
	}
	.edition{
		font-size:20rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		top: 93rpx;
		left: 20rpx;
	}
	.editionBut{
		width:128rpx;
		height:46rpx;
		border:1rpx solid rgba(115,34,216,1);
		border-radius:23rpx;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(115,34,216,1);
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 43rpx;
		left: 562rpx;
	}
	.mainfotter{
		width: 750rpx;
		height: 950rpx;
		position: relative;
		top: 40rpx;
	}
	.framea{
		display: block;
		width:10rpx;
		height:30rpx;
		background:rgba(115,34,216,1);
		border-radius:5rpx;
		position: absolute;
		top: 7rpx;
		left: 20rpx;
	}
	.about{
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		left: 42rpx;
	}
	.brief{
		width:710rpx;
		background:rgba(255,255,255,1);
		border-radius:10rpx;
		position: relative;
		top: 65rpx;
		left: 20rpx;
		margin-bottom: 40rpx;
	}
</style>
